import Taro, { useState } from '@tarojs/taro';
import { View, Text } from '@tarojs/components';
import { AtList, AtListItem, AtNavBar } from 'taro-ui';
import './index.less';
import NavBar from '../../../components/navBar';

const MyUserInfo = () => {
  const [list, setList] = useState([
    {
      title: '周凯',
      note: '',
    },
    {
      title: '码云',
      note: 'https://www.gitee.com/EightDoor',
    },
    {
      title: 'github',
      note: 'https://www.github.com/EightDoor',
    },
    {
      title: '个人博客',
      note: 'http://www.start6.cn',
    },
  ]);
  return (
    <View>
      {process.env.TARO_ENV === 'h5' ? <NavBar title="个人简介" /> : null}
      <AtList>
        {list.map(item => {
          return <AtListItem key={item.title} title={item.title} note={item.note} />;
        })}
      </AtList>
    </View>
  );
};

MyUserInfo.config = {
  navigationBarTitleText: '个人简介',
};
export default MyUserInfo;
